<html>
<head>
<title></title>
</head>

<body>
	<wicket:extend>
	
		<h1><wicket:message key="title_registration" /></h1>

		<ul class="registration_list">
			Registruj sa a ziskaj tieto vyhody:
			<li>zapisovanie aktualnej vysky, vahy a obvodu pasa</li>
			<li>zapisovanie prijatych a spalenych kalorii</li>
			<li>vyhotovenie grafu na zaklade tychto informacii</li>
			<li>automaticke zobrazovanie BMI pri grafe</li>
			<li>vytvorenie vlastneho programu pre chudnutie</li>
			<li>a mnoho dalsich...</li>
		</ul>

		<form wicket:id="registrationForm">
		<div id="registration_fields">
			<fieldset>
			<legend><wicket:message key="title_registration_info" /></legend>
			<table>
				<tr>
					<td align="right"><label for="nicknameInput"><wicket:message key="label_nickname" /></label> -</td>
					<td><input id="nicknameInput" wicket:id="nickname" type="text" size="20" /></td>
				</tr>
				<tr>
					<td align="right"><label for="emailInput"><wicket:message key="label_email" /></label> -</td>
					<td><input id="emailInput" wicket:id="email" type="text" size="20" /></td>
				</tr>
				
				<tr>
					<td align="right"><label for="password1Input"><wicket:message key="label_password" /></label> -</td>
					<td><input id="password1Input" wicket:id="password1" type="password" size="20" /></td>
				</tr>
				<tr>
					<td align="right"><label for="password2Input"><wicket:message key="label_password2" /></label> -</td>
					<td><input id="password2Input" wicket:id="password2" type="password" size="20" /></td>
				</tr>
				<tr>
					<td align="right" valign="middle"><label for="captchaInput"><wicket:message key="label_captcha" /></label> -</td>
					<td><img width="160" height="70" wicket:id="captchaImage" alt="Captcha code" style="border: 1px solid #1294A3;border-top-left-radius: 10px;border-bottom-left-radius: 10px;" /><a 
					wicket:id="captchaRefresh"><img src="images/refresh.jpg" height="35" width="30" alt="refresh captcha" /></a><br />
					<input id="captchaInput" wicket:id="captchaInput" type="text" size="10" />
					</td>
				</tr>
			</table>
			</fieldset>
			
			<fieldset>
			<legend><wicket:message key="title_personal_info" /></legend>
				<table>
					<tr>
					<td align="right"><label for="birthDateInput"><wicket:message key="label_dateOfBirth" /></label> -</td>
					<td><input id="birthDateInput" type="text" size="20" wicket:id="birthDate" /></td>
				</tr>
				
				<tr>
					<td align="right"><label for="sexInput"><wicket:message key="label_sex" /></label> -</td>
					<td><select id="sexInput" wicket:id="sex">
							<option>Zena</option>
							<option>Muz</option>
					</select></td>
				</tr>
				
				<tr>
					<td align="right"><label for="heightInput"><wicket:message key="label_height" /></label> -</td>
					<td><input id="heightInput" wicket:id="height" type="text" size="20" /></td>
				</tr>
				
				<tr>
					<td align="right"><label for="weightInput"><wicket:message key="label_weight" /></label> -</td>
					<td><input id="weightInput" wicket:id="weight" type="text" size="20" /></td>
				</tr>
				
				<tr>
					<td align="right"><label for="waistInput"><wicket:message key="label_waist" /></label> -</td>
					<td><input id="waistInput" wicket:id="waist" type="text" size="20" /></td>
				</tr>
				</table>
			</fieldset>
			</div>
			<table><tr><td><input class="submitBtn"
						type="submit" value="Registrovat" /> <input class="cancelBtn"
						type="reset" value="Vycistit" /> <input class="cancelBtn"
						type="submit" value="Navrat na hlavnu stranku"
						wicket:id="btnToHome" /></td></tr></table>
		</form>
		<div wicket:id="feedback"></div>
	</wicket:extend>
</body>
</html>